<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.css" />
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/static_data.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/static_ajax.js" type="text/javascript" charset="utf-8"></script>
		<style>

		</style>

	</head>

	<body id="app">
		<div class="container">
			<div class="row" v-for="word_book in word_books">
				<img class="col-md-2 col-xs-4" v-bind:src="word_book.img" alt="单词书" />
				<div class="col-md-2 col-xs-4">{{word_book.name}}</div>
				<p class=" col-md-4 col-xs-4">
					{{word_book.message}}
				</p>
				<div class="col-md-2 col-xs-4">{{word_book.status}}</div>
				<div class="col-md-2 col-xs-4">学习，战斗，学习，战斗</div>
			</div>
		</div>
	</body>
	
	<script src="js_locgic/index.js" type="text/javascript" charset="utf-8"></script>
</html>